﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title th:text="${info?.name?:'未设置名称'}"></title>
    <meta name="keywords" th:content="${info?.keywords?:''}" content="">
    <meta name="description" th:content="${info?.description?:''}" content="">
    <link rel="icon" href="assets/img/img/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="assets/css/css/index.css">
    <link rel="stylesheet" type="text/css" href="assets/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" type="text/css" href="assets/css/css/animate.css">
</head>
<body>
<div class="app">
    <!-- 头部 -->
    <div id="head">
        <div th:include="pub_head"></div>
        <img th:src="${data[1].cmsSiteHeroes[0].imgUrl1}" class="banner bans">
        <!-- 内容 -->
        <div class="app allCont">
            <p class="titleAPP">[[${data[2].title}]]</p>
            <p class="commit_center more"><a href="case-1.html">查看更多>></a></p>
            <!-- 轮播图 -->
            <div class="commit_center banners">
                <div class="swiper mySwipers" style="padding-bottom: 0!important;">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" th:each="user:${data[2].cmsSiteHeroes}">
                            <a href="casedetail.html?id=1">
                                <img th:src="${user.imgUrl1}">
                            </a>
                        </div>
                        <!--<div class="swiper-slide">
                            <a href="casedetail-1.html?id=2"><img
                                    src="uploads/20211228/44e2bb697f504f894801fd1df14d1eee.png"></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="casedetail-2.html?id=3"><img
                                    src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png"></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="casedetail-3.html?id=4"><img
                                    src="uploads/20211228/cd278819133cf8b0621b5588d9e27c61.png"></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="casedetail-4.html?id=5"><img
                                    src="uploads/20211228/e5e3b617ac52345ada2519cb40fd4dd4.png"></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="casedetail-5.html?id=6"><img
                                    src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png"></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="casedetail-6.html?id=21"><img
                                    src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png"></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="casedetail-7.html?id=22"><img
                                    src="uploads/20210508/ed46f7a74f2d2bd72ff92c02be851ab9.png"></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="casedetail-8.html?id=25"><img
                                    src="uploads/20211228/44e2bb697f504f894801fd1df14d1eee.png"></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="casedetail-9.html?id=26"><img
                                    src="uploads/20211228/a9b0580513210c8767d03f27fe710afc.png"></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="casedetail-10.html?id=27"><img
                                    src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png"></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="casedetail-11.html?id=28"><img
                                    src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png"></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="casedetail-12.html?id=29"><img
                                    src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png"></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="casedetail-13.html?id=30"><img
                                    src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png"></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="casedetail-14.html?id=31"><img
                                    src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png"></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="casedetail-15.html?id=32"><img
                                    src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png"></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="casedetail-16.html?id=34"><img
                                    src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png"></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="casedetail-17.html?id=35"><img
                                    src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png"></a>
                        </div>-->
                    </div>
                </div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-pagination" style="top: 90%;"></div>
            </div>
            <!-- APP大数据 -->
            <div class="bigData">
                <div class="commit_center common">
                    <p class="title">[[${data[3].title}]]</p>
                    <p class="content">[[${data[3].description}]]</p>
                </div>

                <!-- APP大数据-内容 -->
                <div class="commit_center flex big">
                    <div class="xk" th:each="user1:${data[3].cmsSiteHeroes}">
                        <p class="number">
                            <!--目前还不显示-->
                            <!--<span class="counter">
                                [[${user1.title}]]&lt;!&ndash;6.3&ndash;&gt;
                            </span>-->
                            [[${user1.title}]] <!--亿-->
                        </p>
                        <p>[[${user1.description}]]</p>
                    </div>
                    <!--<div class="xk">
                        <p class="number">
                            <span class="counter">150
                            </span> 亿
                        </p>
                        <p>覆盖行业</p>
                    </div>
                    <div class="xk">
                        <p class="number">
                            <span class="counter">30
                            </span> 亿
                        </p>
                        <p>企业有自己的app</p>
                    </div>
                    <div class="xk">
                        <p class="number">
                            <span class="counter">63
                            </span> 亿
                        </p>
                        <p>使用app用户</p>
                    </div>-->
                </div>
            </div>
            <!-- 制定优势 -->
            <div class="commit_center common advantage">
                <p class="title">[[${data[4].title}]]</p>
                <p class="content">[[${data[4].description}]]</p>
            </div>

            <!-- 制定优势-内容 -->
            <div class="commit_center flex service">
                <dl class="xk wow fadeInUp animated" th:each="user2:${data[4].cmsSiteHeroes}" data-wow-duration="2s" data-wow-delay="100ms">
                    <div class="commit_center">
                        <dt class="gray"><img th:src="${user2.imgUrl1}"></dt>
                        <dt class="blue"><img th:src="${user2.imgUrl2}"></dt>
                        <dd class="titles"></dd>
                        <dd class="cont">[[${user2.description}]]</dd>
                    </div>
                </dl>
                <!--<dl class="xk wow fadeInUp animated" data-wow-duration="2s" data-wow-delay="100ms">
                    <div class="commit_center">
                        <dt class="gray"><img src="uploads/20210508/616b677b3005ea2171a292a2bf0db703.png"></dt>
                        <dt class="blue"><img src="uploads/20210508/f85e9952c77c20641bbc9d5f02fcff09.png"></dt>
                        <dd class="titles"></dd>
                        <dd class="cont">每一个软件开发都经过系统的分析，针对不同企业情况良定做的，大提高企业的工作效率.</dd>
                    </div>
                </dl>
                <dl class="xk wow fadeInUp animated" data-wow-duration="2s" data-wow-delay="100ms">
                    <div class="commit_center">
                        <dt class="gray"><img src="uploads/20210508/f35c7c16f99ea7d31844ec01d16ea691.png"></dt>
                        <dt class="blue"><img src="uploads/20210508/d363a6c32661697e66fc150975d22ddb.png"></dt>
                        <dd class="titles"></dd>
                        <dd class="cont">每一个软件开发都经过系统的分析，针对不同企业情况良定做的，大提高企业的工作效率。</dd>
                    </div>
                </dl>-->
            </div>
            <!-- 脚部 -->
            <div th:replace="pub_footer"></div>
        </div>
        <!-- script -->
        <script src="assets/js/js/jquery.js" type="text/javascript" charset="utf-8"></script>
        <!-- 数值滚动 -->
        <script src="assets/js/js/jquery.waypoints.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="assets/swiper/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="assets/js/js/jquery.countup.min.js" type="text/javascript" charset="utf-8"></script>
        <!-- wow弹动 -->
        <script src="assets/js/js/wow.min.js"></script>
        <script type="text/javascript">
			// 小轮播-内容
			var swiper = new Swiper(".mySwipers", {
				slidesPerView: 3,
				spaceBetween: 20,
				slidesPerGroup: 3,
				loop: true,
				loopFillGroupWithBlank: true,
				pagination: {
					el: ".swiper-pagination",
					clickable: true,
				},
				navigation: {
					nextEl: ".swiper-button-next",
					prevEl: ".swiper-button-prev",
				},
			});

			// 数值滚动
			$(function(){
				$('.counter').countUp({
							 delay: 10,
							 time: 2000
					 });
			})




        </script>
        <script src="assets/js/js/common.js" type="text/javascript" charset="utf-8"></script>
    </div>
</div>
</body>
</html>
